@charset "utf-8";
/*
	power by http://www.inxedu.com/
	v1.0 | 2015/06/06 
 	-----------------------------------------
	westdrug | 2015(yy)/08(mm)/05(dd) 
	http://www.inxedu.com/
*/
/* #mobile style
================================================== */
html,body{-webkit-overflow-scrolling:touch;}
body{overflow-x: hidden;}
.fsize16{
	font-size: 0.88rem;
}
.fsize14{
	font-size: 0.78rem;
}
.fsize12{
	font-size: 0.6rem;
}
.fsize18 {
    font-size: 1rem;
}
.fsize24 {
    font-size: 1rem;
}
.fsize30 {
    font-size: 1.2rem;
}
.fsize34 {
    font-size: 1.5rem;
}
.mt30{
	margin-top: 15px;
}
.mb50 {
    margin-bottom: 25px;
}

.mt50 {
    margin-top: 25px;
}
.btn {
    padding: 5px 26px;
}
.com-m-none{
	margin-top: 15px; 
}
.col-7,.col-3 {
    width: 100%;
    float: inherit;
}
.i-main{
		padding-top: 55px;
		position: relative;
	}

.demo4-main{
	padding-top: 0;
}
#nav {display: none;}
.container{width: 100%;}
.header-wrap{
	height:55px;
	padding-left: 130px;
	overflow: visible;
}
.logo {
	width: 100px;
	left: 15px;
	height: 55px;
}
.logo img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin-top: 8px;
}
.mw-nav-btn{
	display:block;
	float:right;
	position:relative;
	width: 35px;
	height: 25px;
	margin-top:21px; 
	margin-right:10px; 
}
.mw-nav-icon {
    width: 30px;
    height: 2px;
    background: #333;
}
.mw-nav-icon-w{
	background: #fff;
}
.mw-tap.mw-nav-btn {
	margin-top: 10px
}

.mw-tap .mw-nav-icon {
	margin: 15px 0 0 4px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}
.mw-nav-icon:before {
	content: '';
	width: 30px;
	height: 2px;
	background: #333;
	position: absolute;
	top: 6px
}

.mw-nav-icon:after {
	content: '';
	width: 30px;
	height: 2px;
	background: #333;
	position: absolute;
	top: 12px
}
.mw-nav-icon-w:before {
	background: #fff;
}

.mw-nav-icon-w:after {
	background: #fff;
}
.mw-tap .mw-nav-icon:after {
	top: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg)
}

.mw-tap .mw-nav-icon:before {
	top: -9999px
}

html.active,html.active body {
	overflow: hidden;
	height: 100%;
	position: relative
}

html.active .in-wrap {
	transform: translate3d(-240px,0,0);
	-webkit-transform: translate3d(-240px,0,0);
	-o-transform: translate3d(-240px,0,0);
	-moz-transform: translate3d(-240px,0,0)
}

.in-wrap {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.head-mobile {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 240px;
	overflow-x: hidden;
	overflow-y: auto;
	background: #3f3f3f;
	-webkit-transform: translate3d(100%,0,0);
	-moz-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0)
}
.h-mobile-mask {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0,0,0,.2);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.head-mobile-box {
	padding: 20px 15px 0
}

.head-mobile-box .u-face-pic,.head-mobile-box .u-face-pic img {
	width: 60px;
	height: 60px
}

.head-mobile-box .u-face-pic {
	border: 3px solid rgba(255,255,255,.1)
}

.head-mobile-box .mw-nav {
	display: block
}

.mw-nav ul {
	padding-top: 10px
}

.mw-nav ul li {
	width: 100%;
}

.mw-nav ul li a {
	display: block;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	font-size: .96rem;
	color: #999
}

.mw-nav ul li.current a {
	color: #EA562E
}
.footer p{text-align: left;}
.footer p span,.footer p span a{font-size: 0.6rem;line-height: 24px;}
.footer .ewm .line-ico{display: none;}
.footer .ewm{text-align: center;}
.footer .ewm .ewm-pic{width: 100px;height: 100px;margin: 30px;}
/*swiper*/
.i-slide,.swiper-container {
	height: auto;
	overflow: hidden;
}
.i-slide .s-arrow {
	display: none;
}
.swiper-pagination-switch {
    width: 8px;
    height: 8px;
}
.swiper-slide-big img{
	max-width: 150%;
	margin-left: -25%;
}
/*index-main*/
.comm-title {
    margin: 15px 0 0;
    padding:0; 
}
.comm-title h2,.comm-title h3{
	padding:0;
	margin-left:10px;  
}
.comm-title h2 span{
	padding: 0px;
	line-height: 40px;
	font-size: 1.2rem;
	margin: 0;
}
.comm-title h2 span.fsize14{
	font-size: 0.6rem;
}

.comm-title .more{
	line-height: 40px;
	font-size: 0.6rem;
	margin-right:5px;
	font-weight: normal; 
}
.us-main,.all-main {
    padding: 10px 5px;
}
.us-m-txt {
    padding: 20px 20px;
}
.yh-ico {
    position: absolute;
    width: 14px;
    height: 14px;
}
.s-yh {
    top: 8px;
    left: 10px;
}
.x-yh {
    bottom: 0;
    right: 5px;
}
.us-m-txt p {
    text-indent: 2rem;
    line-height: 24px;
    font-size: 0.6rem;
    color: #666;
}

.us-m-pic li .pic-box{
	margin:5px;
}
.us-m-pic {
    margin-top: 20px;
}
.us-m-pic li .pic-box{
	height: auto;
}
.box-in h5{font-size: 1rem;font-weight: normal;}
.box-in{margin: 5px;}
.u-m-n-txt{
	font-size: 0.6rem;
	line-height: 20px;
	text-indent: 1.2rem;
	margin-top:5px;
	display: none; 
}
.i-teach-box ul,.i-news-box-pic ul,.coures-list,.demo-list4 ul {
	margin: 0;
}
.i-teach-box ul li,.demo-teach-list li,.i-news-box-pic ul li,.demo-list4 ul li {
	width: 50%;
}
.i-teach-wrap{
	padding:10px 12px 10px;
	margin: 0 6px 10px 6px;
}
.i-new-warp{
	margin: 0 6px 10px 6px;
}
.i-n-name,.i-n-name p{height: 26px;line-height: 26px;}
.i-n-name p{
	font-size: 0.6rem;
}
.i-news-box-txt ul{
	margin: 0;
}
.i-news-box-txt ul li{
	width: 100%;
}
.i-n-w-txt{
	padding:10px;
	margin: 0; 
}
.n-nub-in{
	margin-right:10px; 
}
.n-nub-in span{
	padding: 0 3px;
}
.n-nub-in span.day {
    height: 34px;
    line-height: 34px;
    font-size: 1.4rem;
}
.n-nub-in span.year {
    height: 26px;
    line-height: 26px;
    font-size: 0.6rem;
}
.i-n-w-txt .nr {
    height: 32px;
    overflow: hidden;
}
.i-n-w-txt .nr p {
    font-size: 0.6rem;
    line-height: 16px;
}
.col-8 {width: 100%;}
.col-2 {width: 100%;}
.footer .col-8,.footer .col-8{
	float: inherit;
} 
/* =============================online-school ==========================*/
.banner-box{height: 150px;}
.o-b-t-big {
    height: 42px;
    line-height: 42px;
    font-size: 1.6rem;
    padding-top: 30px;
}
.pa-line {
    height: 5px;
    width: 60px;
    top: 75px;
    left: 50%;
    margin-left: -30px;
    border-bottom-width:2px; 
}
.on-b-txt p{
	font-size: 0.8rem;
	margin: 26px 25px 0;
}
.o-s-txt-in {
    margin-top: 10px;
    padding-bottom: 10px;
}
.comm-title-2 h2 span{
	margin: 0;
	height: 30px;
	line-height: 30px;
}
.comm-title-2 .more-2{
	float: inherit;
	position: absolute;
	right: 5px;
	bottom: 10px;
}
.o-s-coures-list {
    margin: 15px 0 15px;
}
.coures-li-warp {
    margin: 0 5px 20px 5px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 5px;
}
.coures-li-warp h4{margin: 0;}
.coures-li-warp h4 a{
	font-size: 0.8rem;

}
.coures-li-warp .fl-txt{
	height: 20px;
	line-height: 20px;
}
.coures-li-warp .fl-txt span{
	font-size: 0.6rem;
}
.coures-li-warp .fl-txt span .lls{
	display: none;
}
.banner-box-all,.ab-us-banner img,.teach-banner img,.online-banner img{
	width: 120%;
	margin-left:-10%; 
}
.us-txtbox .us-m-txt {
    padding: 15px 10px 20px 20px;
}
.us-txtbox .s-yh {
    left: 20px;
    top: 10px;
}
.line-l {
    width: 2px;
    height: 100px;
    border-left: 1px solid #ccc;
    position: absolute;
    top: 45px;
    left: 5px;
}
.line-b {
    width: 250px;
    height: 2px;
    border-bottom: 1px solid #ccc;
    position: absolute;
    bottom: 60px;
    left: -5px;
}
.txt-line-us{
	margin-top:30px; 
}
.us-ys-wrap .us-ys-pic {
    width: 52px;
    height: 52px;
    margin: 15px auto 0;
}
.us-ys-wrap .i-q-txt {
    padding-top: 0;
}
.us-ys-wrap .i-q-txt p {
    font-size: 0.6rem;
    line-height: 24px;
}
.l-f-infor {
    padding-bottom: 20px;
}
.list-five-box ul{
	margin-left: 0;
	padding-top: 15px;
}
.l-f-in-txt{
	margin-bottom: 20px;
}
.name-tit{
	display: none;
}
.l-f-in-pic {
    width: 32px;
    height: 32px;
    margin: 10px auto 0px;
}
.up-sj {
    width: 20px;
    height: 8px;
}
.txt-infor {
    margin: 8px;
    height: 78px;
    overflow: hidden;
}
.map-box {
    height: 490px;
}
.talk-box-r p{
	margin-top:0; 
}
.map-infor {
    width: 100%;
    height: 180px;
    border: 0px;
    overflow: hidden;
    margin-top: 5px;
}
.find-box{margin-top: 15px;}
.f-b-in{
	float: inherit;
	width: 100%;
}
.f-b-in .mr30,.f-b-in .ml30{
	margin: 0;
}
.talk-box {
    height: 120px;
    border: 1px solid #ccc;
    background: #fff;
    overflow: hidden;
    margin-top: 5px;
}
.talk-box textarea {
    border: 0;
    background: #fff;
    width: 96%;
    padding: 5px 7px;
    height: 94%;
    font-size: 0.6rem;
    color: #999;
    text-align: left;
    line-height: 24px;
}
.talk-box-r {
    padding: 10px;
    height: 110px;
}
.n-l-box{
	margin-top:15px; 
}
.n-l-box li {
    position: relative;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 10px;
    height: 85px;
    padding: 0 0 10px 140px;
}
.n-l-box li .hLh30{
	height: 24px;
	line-height: 24px;
}
.n-l-box li .icon16{
	width: 14px;
	height: 14px;
}
.n-l-pic {
    width: 130px;
}
.txt-nr {
    height: 36px;
    overflow: hidden;
    margin-top: 5px;
}
.paging {
    padding: 15px 0;
}
.paging a{
	width: 24px;
	height: 24px;
	line-height: 24px;
}
.n-a-tit{
	margin-top:10px;
	padding-bottom: 10px; 
}
.n-a-tit .fenl{
	margin-top:0px; 
}
.n-a-tit .fenl .icon16{
	width: 14px;
	height: 14px;
}
.n-a-warp {
    margin: 0px 10px 40px;
}
.n-a-warp p{
	font-size: 0.6rem;
	margin-bottom:10px; 
}
.s-i-slide{
	height: 116px;
}
.s-i-box-big{
	padding-bottom: 10px;
}
.student-vice {
    margin: 0;
    width: auto;
}
.st-v-in {
    padding: 13px 15px 13px 100px;
}
.st-title {
    width: 75px;
    height: 90px;
    top: 10px;
    left: 1px;
}
.st-title img {
    width: 60px;
    height: 60px;
}
.st-v-in .yh-ico {
    width: 14px;
    height: 14px;
}
.st-v-in .s-yh {
    left: 80px;
    top: 5px;
}
.st-v-in .x-yh {
    bottom: 4px;
    right: 5px;
}
.st-v-in p.nr {
    height: 88px;
    font-size: 0.6rem;
    line-height: 22px;
}
.teach-top-list ul{
	padding: 0;
}
.teach-top-list ul li{
	margin-bottom:15px;
}
.teach-top-list ul li .tea-op-pic {
    width: 42px;
    height: 42px;
    margin: 10px auto 0px;
}
.tea-op-txt{
	margin-top:5px;
	font-size: 0.8rem; 
}
.no-top-tit{
	margin-top: 10px;
}
.no-top-tit h2{
	margin: 0;
}
.in-2-top-n-list{
	display: none;
}
.demo-m-news-wrap{
	display: block;
	background-color: #fafafa;
	height: 40px;overflow: hidden;border-bottom:1px solid  #e6e6e6;
	position: relative;
}
.nnIcon{
	position: absolute;
	left: 0px;
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 0.96rem;
	padding:0 15px; 
}
.newsNotice{
	padding-left:72px; 
}
.newsNotice li{
	margin: 0 5px;
}
.newsNotice li a{
	font-size: 0.9rem;
	color: #999;
	line-height: 40px;
}
.demo-list3 ul li {
    margin-top: 15px;
}
.demo-l-pic {
    width: 70px;
    height: 70px;
    margin-bottom:5px; 
}
.demo-l-pic .pic-img {
    display: inline-block;
    width: 46px;
    height: 46px;
    margin-top: 13px;
}
.demo-l-pic .pic-img img{display: block;width: 100%;height: 100%;}
.demo-list3 ul li h5.fsize20{
	font-size: 0.9rem;
}
.demo-list3 ul li h5.hLh40{
	line-height: 30px;
	height: 30px;
}
.demo-l-txt {
    margin: 0px 5px;
    line-height: 16px;
    height: 32px;
}
.demo-zx-box {
	margin-top:20px; 
    padding: 10px 0;
}
.demo-zx-box .w50pre{
	width: 100%;
	float: inherit;
}
.o-l-w-box{
	margin: 0 0 20px 0;
	padding: 10px 5px;
}
.o-l-b-pic {
    width: 72px;
    height: 72px;
    border-right: 1px solid #fff;
    margin-right: 15px;
    padding-right: 6px;
}
.o-l-b-txt .txt-in {
    height: 32px;
    line-height: 16px;
    overflow: hidden;
    margin-top: 5px;
    font-size: 0.6rem;
    color: #fff;
}
.demo-teach-list{
	margin:0; 
}
.demo-t-l-warp {
    margin: 70px 5px 0px 5px;
    position: relative;
    padding: 60px 15px 15px;
}
.demo-t-l-warp .pic {
    position: absolute;
    width: 100px;
    height: 100px;
    top: -50px;
    margin-left: -50px;
}
.cm-tab-title {
    margin: 8px 0 0px;
}
.cm-tab-title a {
    font-size: 0.6rem;
    color: #666;
    padding: 0px 8px;
    margin: 0 10px;
}
.de-l4-warp {
    margin: 0 5px 15px 5px;
}
.de-l4-warp .mt10{
	margin-top:0; 
}
.fl-txt{
	height: 20px;
	line-height: 20px;
}
.fl-txt .fsize20{
	font-size: 0.78rem;
}
.co-l-t-txt {
    width: 160px;
    margin-left: -80px;
}
.co-l-t-txt .hLh30{
	height: 20px;
	line-height: 20px;
}
.pc-title{display: none;}
.mobile-title{display:block;}
.col-7 .co-l-t-txt,.col-3 .co-l-t-txt{margin-left:-80px;left: 50%;}
.i-question-list{border: 0;margin-bottom: 15px;padding-top: 10px;}
.c-7-warp,.c-3-warp{margin-right: 0;padding: 0 10px;}

.demo5-slide .swiper-container .swiper-slide img{max-width: 140%;}
.op-4-bg .header-wrap{height: 45px;}
.h-w-demo5 .logo{height: 45px;}
.h-w-demo5 .logo img { margin-top: 3px;}
.h-w-demo5 .mw-nav-btn{margin-top: 18px;}
.h-w-demo5 .mw-tap.mw-nav-btn{margin-top: 8px;}
.h-w-demo5 .mw-nav-icon,.h-w-demo5 .mw-nav-icon:before,.h-w-demo5 .mw-nav-icon:after{background: #fff}
.cou-fl-slide{margin: 20px 0;height: auto;overflow: hidden;}
.cou-fl-slide .swiper-container{height: auto;width: 87%;}
.cou-fl-slide .swiper-container .c-fl-pic {width: 30%;margin:5px;}
.cou-fl-slide .arrow-left{left: -3px;}
.cou-fl-slide .arrow-right{right: -3px;}
.co-l-t-small {position: absolute;top: 32px;left: 5%;width: 90%;}
.co-l-t-small p{line-height: 20px;}
.d5-us-warp-box {margin-left: -5px;margin-top: 20px;margin-bottom: 10px;}
.d5-us-warp-box li {width: 50%;}
.d5-us-warp-box li .box-inr {margin-left: 5px;margin-bottom: 5px;}
.d5-u-pic-txt{height: 28px;}
.d5-u-pic-txt .name {font-size: 1rem;line-height: 28px;}
.d5-new-box .col-6,.d5-new-box .col-4{width: 100%;float: inherit;}
.d5-new-box .col-6 .mr30,.d5-new-box .col-4 .ml20{margin: 0;}
.d5-n-list li {padding: 0 105px 0 20px;margin-bottom: 0;}
.d5-f2-txt{margin: 0 5px;}
.d5-f2-txt .mt40{margin-top: 10px;}
.foot-2 .f2-lj-name a {margin: 0 14px 0px 0;font-size: 0.6rem;}
.foot-2 .ewm{margin-top: 0;}

.d6-header{height: 55px;}
.demo6-slide, .demo6-slide .swiper-container{height: auto;}
.fu-tit-img,.tit-tel,.big-nav{display: none;}
.h-w-demo6 .logo img {margin-top: 8px;}
.h-w-demo6 .logo {height: 55px;width: 100px;}
.demo6-slide .swiper-container .swiper-slide img {max-width: 110%;}
.d6-fl-list li {width: 50%;margin-bottom: 20px;}
.d6-fl-list li .d6-fl-l-in .txt-box p {text-align: left;line-height: 24px;height: 72px;margin: 0px 10px 10px 10px;overflow: hidden;}
.d6-slider{margin-top: 35px;}
.d6-slider, .d6-slider .swiper-container{height: auto;}
.d6-fl-txt {height: 44px;}
.d6-slider .s-arrow {top: -39px;}
.new-slide .w50pre{width: 100%;}
.new-slide .n-s-cont .mr30{margin-right: 0;}
.d6-hj-list {margin-left: 0px;width: 100%;}
.d6-hj-list li.pic-b-in{display: none;}
.d6-hj-list li{width: 100%;}
.d6-hj-list li .in-box{margin-left: 0;}
.br-box{padding:8rem 4rem 0 4rem;}
.b-box-bottom{text-align: center;}
.new-list-right{margin-left: 0;}
.c-c-list li{padding:0 5px 5px 37px;margin-top: 5px;}
.c-c-list li a p{font-size: 1rem;}
.c-c-list li .order{width: 20px;height: 20px;top:5px;}

.demo7-slide .swiper-container .swiper-slide img{width: 110%;}
.d7-small-tit .txt {height: 30px;line-height: 20px;}
.d7-ts-list,.d7-new-left ul {margin-left: -10px;}
.d7-ts-list li {margin-bottom: 10px;}
.d7-ts-big-box,.d7-new-left ul li .d7-n-l-warp {margin-left: 10px;}
.d7-ts-big-box .pic .nr-txt {height: 30px;}
.d7-ts-big-box .pic .nr-txt .mt10{margin-top: 0;}
.d7-table{width: 100%}
.d7-new-right.ml70{margin-left: 0}
.mobile-tab{display: none;}
.d7-team-list {margin-left: -20px;}
.d7-team-list li {width: 50%;margin-bottom: 25px;}
.d7-team-list li .t-l-warp {margin-left: 20px;}
.d7-last .col-6,.d7-last .col-4{width: 100%;float: inherit;}
.mbqh-qt{dispaly:none;}
